<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
<!DOCTYPE html>
<html lang="fr">
	<head> 
		<title>Bitstrip(s) - Ils parlent de moi</title>
		<meta charset="UTF-8"/>
        <link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
		<link rel="stylesheet" type="text/css" href="/bitstrip/assets/css/style.css"/>
		<link rel="stylesheet" type="text/css" href="/bitstrip/assets/css/jquery-ui-1.10.4.custom.css"/>
	</head>
	<body>
       	<nav class="access-links">
       		<a href="/bitstrip/ilsparlentdemoi">Qui parle de moi ?</a>
       		<c:if test="${loggedin_user.getRole() == 'ROLE_ADMIN'}">
       			<a href="gerer_theme.action">Backoffice</a>
       		</c:if>
       		<a href="<c:url value="/j_spring_security_logout" />">Deconnexion</a>
       	</nav>
       	
		<h1 class="page-title">Bitstrip(s) création...</h1>
		
		<div class="parlentmoi-container">
		
			<section class="images-collection">
				<div class="images-collection-head">
					<a class="link-back" href="/bitstrip/">&laquo; retour</a>
					<h2>Ils parlent de moi</h2>
				</div>
				<div class="images-list">
					<c:if test="${images.size() == 0}"><h3>Personne ne parle de vous</h3></c:if>
					<c:forEach var="image" items="${images}" >
						<div class="image-item">
							<a href="/bitstrip/imagefinale?id=${image.getId()}" target="_blank"><img src="/bitstrip/imagefinale?id=${image.getId()}" /></a>
						</div>
					</c:forEach>				
				</div>
				
			</section>

		</div>
				
		<script type="text/javascript" src="/bitstrip/assets/js/jquery-2.0.3.min.js"></script>
		<script type="text/javascript" src="/bitstrip/assets/js/jquery-ui-1.10.4.custom.min.js"></script>
		<script type="text/javascript" src="/bitstrip/assets/js/cssbrowserselector.js"></script>
		
	</body>
</html>